<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont%20(2).css"/>
	</head>
	<body>
		<div class="container-fluid">
			<nav class="navbar navbar-default navbar-fixed-top nav_box">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
						 aria-controls="navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>

						<a class="navbar-brand img_box" href="#"><img src="img/logo.png"></a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active"><a href="#">首页</a></li>
							<li><a href="#about">Laya家族</a></li>
							<li><a href="#contact">游戏</a></li>
							<li><a href="#contact">新闻动态</a></li>
							<li><a href="#contact">开发者中心</a></li>
							<li><a href="#contact">开发者社区</a></li>
							<li><a href="#contact">开放平台</a></li>
							<li><a href="#contact">关于我们</a></li>
							<!-- <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">Action</a></li>
			            <li><a href="#">Another action</a></li>
			            <li><a href="#">Something else here</a></li>
			            <li role="separator" class="divider"></li>
			            <li class="dropdown-header">Nav header</li>
			            <li><a href="#">Separated link</a></li>
			            <li><a href="#">One more separated link</a></li>
			          </ul>
			        </li> -->
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language
									<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="#">中文</a></li>
									<li><a href="#">英文</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<!--/.nav-collapse -->
				</div>
			</nav>
			
			<div class="row">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="img/big-img.jpg" alt="...">
						</div>
						<div class="item">
							<img src="img/big-img.jpg" alt="...">
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="engin-box clearfix">
					<div class="col-md-8 col-md-push-2">
						<div class="row">
							<div class="col-md-10 col-lg-9">
								<h2>LayaFlash 引擎</h2>
								<h4>让Flash技术变成开发HTML5产品的利器</h4>
								<div class="row">
									<div class="col-md-6 engine-content-box col-sm-6">
										<div class="row">
											<div class="col-md-3 col-sm-3 col-xs-3">
												<div class="img-box">
													<img src="img/闪电.png">
												</div>
											</div>
											<div class="col-md-9 engine-content-text col-sm-9">
												<span>快速Flash产品转换</span>
												<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 engine-content-box col-sm-6">
										<div class="row">
											<div class="col-md-3 col-sm-3 col-xs-3">
												<div class="img-box">
													<img src="img/闪电.png">
												</div>
											</div>
											<div class="col-md-9 engine-content-text col-sm-9">
												<span>快速Flash产品转换</span>
												<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 engine-content-box col-sm-6">
										<div class="row">
											<div class="col-md-3 col-sm-3 col-xs-3">
												<div class="img-box">
													<img src="img/闪电.png">
												</div>
											</div>
											<div class="col-md-9 engine-content-text col-sm-9">
												<span>快速Flash产品转换</span>
												<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 engine-content-box col-sm-6">
										<div class="row">
											<div class="col-md-3 col-sm-3 col-xs-3">
												<div class="img-box">
													<img src="img/闪电.png">
												</div>
											</div>
											<div class="col-md-9 engine-content-text col-sm-9">
												<span>快速Flash产品转换</span>
												<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="container clearfix">
					<div class="advantage-box">
						<div class="col-md-10 col-md-push-1">
							<div class="row">
								<div class="col-md-7 col-md-push-5">
									<h2>Layabox 优势</h2>
								</div>
							</div>
							<div class="row">
								<div class="col-md-5 col-sm-5">
									<img src="img/ball.png">
								</div>
								<div class="col-md-7 col-sm-7">
									<div class="row">
										<div class="col-md-2 advantage-cont-box col-sm-2 col-xs-2">
											<img src="img/advan.png">
										</div>
										<div class="col-md-10 advantage-cont-text col-sm-10 col-xs-10">
											<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
										</div>
									</div>
									<div class="row">
										<div class="col-md-2 advantage-cont-box col-sm-2 col-xs-2">
											<img src="img/advan.png">
										</div>
										<div class="col-md-10 advantage-cont-text col-sm-10 col-xs-10">
											<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
										</div>
									</div>
									<div class="row">
										<div class="col-md-2 advantage-cont-box col-sm-2 col-xs-2">
											<img src="img/advan.png">
										</div>
										<div class="col-md-10 advantage-cont-text col-sm-10 col-xs-10">
											<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
										</div>
									</div>
									<div class="row">
										<div class="col-md-2 advantage-cont-box col-sm-2 col-xs-2">
											<img src="img/advan.png">
										</div>
										<div class="col-md-10 advantage-cont-text col-sm-10 col-xs-10">
											<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col-md-12">
						123
					</div>
					<div class="col-md-12">
						<div class="row">
							<div class="col-md-5 col-xs-12">
								<img src="img/ball.png" >
							</div>
							<div class="col-md-7 col-xs-12">
								<ul>
									<li>1</li>
									<li>2</li>
									<li>3</li>
									<li>5</li>
								</ul>
							</div>
						</div>
					</div>
				</div> -->
			</div>
			<div class="row">
				<div class="container big-family clearfix">
					<div class="col-md-8 col-md-push-2 family-cont-box">
						<h2>Layabox产品家族</h2>
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 family-cont-text">
										<div class="row">
											<div class="col-md-4">
												<div class="img-box">
													<img src="img/family.png">
												</div>
											</div>
											<div class="col-md-8 family-cont-smalltext">
												<span>LayaAir</span>
												<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="container game-box clearfix">
					<div class="col-md-10 col-md-push-1">
						<div class="row">
							<div class="col-md-8 game-cont-box col-sm-8" style="padding: 0;">
								<h4>采用Layabox引擎的精彩游戏</h4>
							</div>
							<div class="col-md-1 col-md-push-3 game-cont-box col-sm-1 col-sm-push-3" style="padding-top: 20px;">
								<a href="">更多</a>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4 game-img-box">
								<div class="img-box">
									<video src="video/layabox_product.mp4" poster="img/game-moive.png" controls >
									</video>
								</div>
							</div>
							<div class="col-md-7 col-md-push-1 game-small-box">
								<div class="row">
									<div class="col-md-10 col-md-push-2">
										<ul>
											<li>
												<div class="img-box">
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
										</ul>
									</div>
									<div class="col-md-10 col-md-push-2">
										<ul>
											<li>
												<div class="img-box">
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
											<li>
												<div>
													<img src="img/small-game.png">
												</div>
												<p>迷你猎人</p>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="container paniter-box clearfix">
					<div class="col-md-10 col-md-push-1">
						<div class="row">
							<div class="col-md-4 paniter-cont-box">
								<h4>合作伙伴</h4>
								<span>(排序不分先后)</span>
							</div>
							<div class="row">
								<div class="col-md-12 paniter-link-box">
									<ul>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
									</ul>
								</div>
								<div class="col-md-12 paniter-link-box">
									<ul>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
										<li>
											<div>
												<img src="img/a-link.png">
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12" style="	background-color: #222222;">
					<div class="row">
						<div class="container footer clearfix">
							<div class="col-md-10 col-md-push-1 footer-box">
								<div class="row">
									<div class="col-md-6 footer-cont-box col-sm-5">
										<a href="">公司简介</a>
										<a href="">联系方式</a>
										<a href="">人才招聘</a>
										<h6>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </h6>
									</div>
									<div class="col-md-2 col-md-push-3 footer-i-box clearfix col-sm-3 col-sm-push-3">
										<div class="i-box hoverone fl">
											<img class="footer-img" src="img/vv.png" >
											<i class="iconfont icon-umidd17"></i>
										</div>
										<div class="i-box2 hovertwo fl ">
											<img class="footer-img2" src="img/vv.png" >
											<i class="iconfont icon-weixin"></i>
										</div>
										<div class="i-box3 hoverthree fl">
											<img class="footer-img3" src="img/vv.png" >
											<i class="iconfont icon-rentou"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<script src="js/jq2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
